<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>排行榜</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="styleSheet.css">

	<script type="text/javascript">
	function showkl(i,j)
	{
		var picid = "o";
		picid = picid.concat(i,'l',j,"img");
		var inst = document.getElementById(picid);
		inst.setAttribute("margin-top",10);
		inst.setAttribute("margin-bottom",10);
		inst.setAttribute("width",100);
		inst.setAttribute("height",100);
		
		//if (inst.getAttribute("src" != null)) return;
		//only for first ol
		switch(j){
		case 1:
		inst.setAttribute("src","imgs/dead/kong_long.jpg");
		break;
		case 2:
		inst.setAttribute("src","imgs/dead/li_zi.jpg");
		break;
		case 3:
		inst.setAttribute("src","imgs/dead/zhu_zi.jpg");
		break;
		case 4:
		inst.setAttribute("src","imgs/dead/lian_hua.jpg");
		break;
		case 5:
		inst.setAttribute("src","imgs/dead/he_hua.jpg");
		break;
		default:
		break;
		}
  	}
  	
  	function deletekl(i,j){
  		var del = "o";
		del = del.concat(i,'l',j,"img");
  		var ch = document.getElementById(del);
  		ch.setAttribute("height",0);
  		ch.setAttribute("width",0);
  	}
	</script>

  </head>
  
  <body bgcolor=#69848B>
  	<div id="title">
  	  <img alt="Origin" src="imgs/logo.jpg">
  	</div>
  	
  	<div id="rankcontent">
  		<div id="rankv" style="margin-left:100;min-height:40">
  			<img alt="" src="imgs/trian2.jpg">
  			<span>点击榜</span>
  			<ol>
  				<li id="o1l1" style="margin-left:50;width:150;min-height:35" onmouseover="showkl(1,1)" onmouseout="deletekl(1,1)">
  					<span style="width: 58;margin-right:80">恐龙</span>
  					<img id="o1l1img"/>
  				</li>
  				<li id="o1l2" style="margin-left:50;width:150;min-height:35" onmouseover="showkl(1,2)" onmouseout="deletekl(1,2)">
  					<span style="width: 58;margin-right:80">李子</span>
  					<img id="o1l2img"/>
  				</li>
  				<li id="o1l3" style="margin-left:50;width:150;min-height:35" onmouseover="showkl(1,3)" onmouseout="deletekl(1,3)">
  					<span style="width: 58;margin-right:80">竹子</span>
  					<img id="o1l3img"/>
  				</li>
  				<li id="o1l4" style="margin-left:50;width:150;min-height:35" onmouseover="showkl(1,4)" onmouseout="deletekl(1,4)">
  					<span style="width: 58;margin-right:80">莲花</span>
  					<img id="o1l4img"/>
  				</li>
  				<li id="o1l5" style="margin-left:50;width:150;min-height:35" onmouseover="showkl(1,5)" onmouseout="deletekl(1,5)">
  					<span style="width: 58;margin-right:80">荷花</span>
  					<img id="o1l5img"/>
  				</li>
  			</ol>
  		</div>
  		<div id="rankg" style="margin-left:100;min-height:40">
  			<img alt="" src="imgs/trian2.jpg">
  			<span>好评榜</span>
  		</div>
  		<div id="ranka" style="margin-left:100;min-height:40">
  			<img alt="" src="imgs/trian2.jpg">
  			<span>作者榜</span>
  		</div>
  	</div>
  </body>
</html>
